<template>
  <div class="mb-2 ml-4">
    <el-radio-group v-model="filter">
      <el-radio value="all" size="large">全部任务</el-radio>
      <el-radio value="unstarted" size="large">未启动</el-radio>
      <el-radio value="unfinished" size="large">进行中</el-radio>
      <el-radio value="finished" size="large">已完成</el-radio>
    </el-radio-group>
  </div>
</template>

<script setup>
import useTodoStore from '@/stores/todo'
import { storeToRefs } from 'pinia'

const todoStore = useTodoStore()

const { filter } = storeToRefs(todoStore)
</script>
